<script setup lang="js">
import { optionLabels, optionsLabelsMap } from '../utils';

defineOptions({
  name: 'AllowJS',
});

const options = ref(['Apple', 'Banana', 'Candy']);
</script>

<template>
  <PageCard title="AllowJS">
    <template #header-left>允许使用 js ， script标签中使用 lang="js" ，也可直接引用 js 文件</template>
    <div class="flex flex-col gap-2">
      <div class="flex gap-2">
        <el-tag v-for="tag of options" :key="tag">{{ tag }}</el-tag>
      </div>
      <div class="flex gap-2">
        <el-tag v-for="tagItem of optionsLabelsMap" :key="tagItem.id" effect="dark">
          {{ tagItem.label }}[{{ tagItem.id }}]
        </el-tag>
      </div>
    </div>
  </PageCard>
</template>
